<script setup>
import Pagination from '@/components/Pagination.vue'
import { ref } from 'vue'

let currentPage = ref(1)
let pageSize = ref(10)
let total = ref(30)

const pageChange = (e) =>{
   currentPage.value = e
}

const sizeChange = (e) => {
   pageSize.value = e
}
</script>

<template>
   <div class="pageWrapper">
      首页
      <!-- layout="prev, pager, next, jumper, sizes, total" -->
      <Pagination 
         :background="true"
         :currentPage="currentPage" 
         :pageSize="pageSize" 
         :total="total" 
         @pageChange="pageChange" 
         @sizeChange="sizeChange"
      ></Pagination>
      <!-- <EnhancedPagination></EnhancedPagination> -->
   </div>
</template>

<style lang="scss" scoped>

</style>